a,button,input,textarea {
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  -webkit-tap-highlight-color:rgba(255,0,0,0);
}
.overflowY {
  overflow-y: hidden;
}
.body_fixed {
  width: 100%;
  overflow: hidden;
  position: fixed;
  left: 0;
  top: 0;
}
#wrapper {
  width: 100%;
  min-width: 320px;
  position: relative;
  padding-left: 0;
}
.hide_pc {
  display: none;
}
.hide_sp {
  display: block;
}
#header.h_ver2 .inner, #footer .inner {
    width: 100%;
}
#header {
  display: none;
}
#header_sp {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 20px;
  padding: 10px 0;
  text-align: center;
  background: #fff;
  z-index: 999;
}
#header_sp .btn_menu {
  position: absolute;
  left: 10px;
  top: 4px;
  padding: 10px 20px 10px 8px;

}
#header_sp .btn_menu img {
  width: 15px;
  vertical-align: top;
}
#header_sp .sp_logo {
  height: 100%;
}
#header_sp .sp_language {
  position: absolute;
  top: 11px;
  right: 17px;
  height: 24px;
  cursor: pointer;
  width: 40px;
  text-align: center;
  padding-right: 3px;
  background: url(../img/sp/header-down.png) no-repeat right 8px;
  -webkit-background-size: 22%;
  -o-background-size: 22%;
  -moz-background-size: 22%;
  background-size: 22%;
}
#header_sp .sp_language_active {
  background: url(../img/sp/header-top.png) no-repeat right 8px;
  -webkit-background-size: 22%;
  -o-background-size: 22%;
  -moz-background-size: 22%;
  background-size: 22%;
}
#header_sp .sp_language:link,#header_sp .sp_language:visited,#header_sp .sp_language:hover {
  color: #434343;
  text-decoration: none;
}
#header_sp .sp_link_language {
  position: absolute;
  right: 14px;
  top: 40px;
  width: 50px;
  background: #fff;
  text-align: center;
  display: none;
}
#header_sp .sp_link_language a:link,#header_sp .sp_link_language a:visited,#header_sp .sp_link_language a:hover {
  color: #b1b1b1;
  text-decoration: none;
}
#header_sp .sp_link_language li {
  height: 25px;
  font-size: 12px;
}
#header_sp .sp_link_language li a {
  display: block;
  height: 100%;
}
.menu_message {
  width: 64%;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  left: -60%;
  bottom: 0;
  z-index: 1000;
  display: none;
}
.menu_message.current {
  display: block;
}
.menu_message ul {
  width: 82%;
}
.menu_message ul li {
  border-bottom: 1px solid #eee;
  padding-left: 15px;
  margin: 0 10px 0 0;

}
.menu_message ul li a {
  padding:6px 0 4px;
  padding-left: 35px;
  height: 32px;
  line-height: 32px;
  font-size: 16px;
  background: url(../img/sp/icon_sp.png) no-repeat;
  background-size:350px; 
}
.menu_message ul .regist_application {
  background-position:-2px 8px; 
}
.menu_message ul .home {
  background-position:-2px -27px; 
}
.menu_message ul .company_background {
  background-position:-2px -60px; 
}
.menu_message ul .brand_agency {
  background-position:-2px -96px; 
}
.menu_message ul .media_coverage {
  background-position:-2px -132px; 
}
.menu_message ul .u_news {
  background-position:2px -338px; 
}
.menu_message ul .my_app {
  background-position:-5px -166px; 
}
.menu_message ul .recruitment {
  background-position:-1px -208px; 
}
.menu_message ul .nisu_mall {
  background-position:0 -297px; 
}
.menu_message ul .icon_erp {
  background: url(../img/sp/icon-erp.png) no-repeat left center;
  background-size: 26px;
}
.menu_message ul li a {
  display: block;
}
.menu_message ul li a:link,.menu_message ul li a:visited,.menu_message ul li a:hover {
  color: #6f6f6f;
  text-decoration: none;
}
#menu_close_menu {
  position: absolute;
  top: 0;
  right: 0;
  width: 18%;
  height: 100%;
  background: url(../img/sp/bg-menu_closed.jpg) repeat-y left top;
}
#content {
  width: 100%;
  margin-top: 40px;
}
#content.index .login {
  background: url(../img/sp/bg-login_sp.jpg) no-repeat top center;
  background-size: 105%;
  height: auto;
  padding-bottom: 0;
}
.inner {
  width: 100%;
}
#content.index .login h2 {
  padding: 0;
}
#content.index .login h2 img {
  width: 100%;
}
#content.index .login_chunk {
  width: 56%;
  min-height: inherit;
}
#content.index .login .content-slide {
  width: 100%;
}
#content.index .login .bg_input {
  width: 85%;
  background: #fff;
  border-radius: 30px;
  height: 32px;
}
#content.index .login .content-slide .login_attention {
  width: auto;
  margin: 0 5%;
  height: 46px;
  line-height: 46px;
}
#content.index .login .content-slide.register a {
  width: 100%;
  font-size: 14px;
  height: auto;
  line-height: inherit;
  padding: 5px 0;
  border-radius: 0 0 5px 5px;
}
#content.index .login .content-slide.register input {
  display: inline-block;
  width: 67%;
  font-size: 12px;
  padding-left: 28%;
  height: 20px;
  line-height:20px;
  padding:7px 5% 4px 28%;
}
#content.index .login .content-slide.register input.password {
    background: url(../img/sp/login-sp.png) no-repeat;
    background-position:22px -115px;
    background-size: 17px;
}
#content.index .login .content-slide.register input.name {
  background: url(../img/sp/login-sp.png) no-repeat left;
  background-position: 20px 8px;
  background-size: 17px;
}
#content.index .login .content-slide .white {
  padding: 10px 0;
  background: url(../img/sp/bg-login_sp.png) repeat;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}
#content.index .login .content-slide.register h3 {
  padding: 0 0 10px 5%;
  font-size: 12px;
  margin-top:14px;
}
#content.index .login .bg_input.first {
  margin-bottom: 10px;
}
#content.index .login .content-slide .login_attention p {
  font-size: 12px;
}
#content.index .login .content-slide .login_attention a {
  width: auto;
}
#content.index .login .content-slide .white .wrong_attention {
  display: none;
}
#content.index .login .content-slide .login_attention span {
  display: none;
}
#content.index .login .content-slide .login_attention .forget {
  font-size: 14px;
  padding: 0;
}
#content.index .login .content-slide .white.pb0 {
  padding-bottom: 0;
}
#content.index .login .content-slide .login_attention a.check {
  padding: 0;
}
#content.index h2 {
  font-size: 16px;
  padding: 15px 0;
}
#content.index .quality {
  padding: 0 10px;
}
#content.index .quality li {
  width: 25%;
  padding-top: 16%;
  font-size: 10px;
}
#content.index .quality li:last-child {
  margin-right: 0;
}
#content.index .quality li.icon_quality_01,#content.index .quality li.icon_quality_02,#content.index .quality li.icon_quality_03,#content.index .quality li.icon_quality_04 {
  background-size: 50%;
}
#content.index .silder_chunk h2 {
  padding: 25px 0 15px 0;	
}
#content.index .device {
  width: 100%;
  overflow:hidden;
}
#content.index .device .swiper-slide {
/*  height: 200px;*/
  /*display: none;*/
}
#content.index .device .swiper-slide:first-child {
  display: block;
}
#content.index .device .swiper-slide img {
  width: 100%;
}
#content.index .silder_chunk .arrow-left,#content.index .silder_chunk .arrow-right,.fraction {
  display: none;
}
#content.index .index_brand {
  width: auto;
}
#content.index .index_brand ul {
  padding: 0 10px;
}
#content.index .index_brand li {
  width: 20%;
  margin: 0 6.2% 10px 0;
}
#content.index .index_brand li:last-child {
  margin-right: 0;
}
#content.index .index_brand li img {
  width: 100%;
}
.sp_img img,#content.index .cooperation li img {
  width: 100%;
}
#content.index .cooperation ul {
  padding: 0 10px;
}
#content.index .cooperation li {
  width: 22%;
  margin: 0 4% 15px 0;
}
#content.index .cooperation li:last-child {
  margin-right: 0;
}
#content.index .mihui {
  padding: 0;
}
#content.index .mihui img {
  width: 100%;
}
#content.index .tmall ul {
  padding: 0 15px;
}
#content.index .tmall li {
  width: 50%;
  padding-left: 0;
  font-size: 12px;
}
#content.index .tmall li.js,#content.index .tmall li.rk,#content.index .tmall li.by,#content.index .tmall li.suk {
  padding-left: 0;
}
#content.index .tmall h2 {
  padding: 15px 0 20px 3px;
}
.out_hold {
  height: 100%;
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  background: #000;
  opacity: 0;
  z-index: 999;
  display: none;
}
#footer {
  /* margin-top: 514px; */
}
#footer ul li {
  float: none;
  margin-right: 0;
  width: 100%;
  padding-top: 0;
  height: 100px;
  overflow: hidden;
}
.company_address {
  top: -516px;
  width: 100%;
}
.company_address li div h3 {
  font-size: 16px;
  padding: 10px 0;
}
.company_address li div p {
  font-size: 14px;
}
.company_address_bottom {
  top: -100px;
  width: 100%;
  flex-wrap: wrap;
}
.company_address_bottom li div h3 {
  font-size: 16px;
  padding: 10px 0;
}
.company_address_bottom li div p {
  font-size: 14px;
}
#footer .inner {
  /* padding-top: 445px; */
}
.mail_list {
  width: 100%;
  text-align: center;
}
#footer .mail_list li {
  height: 30px;
  line-height: 30px;
}
#footer .txt_center {
  font-size: 12px;
}
.web_record img {
  width: auto;
}
.pb25 {
  padding-bottom: 15px;
}
#footer em {
  display: block;
}
@media screen and (max-width: 320px) {   
#content.index .login {
  background-size: 120%;
}
}
#menu_close_menu span {
  position: fixed;
  top: 50%;
  left: 59%;
}
.iframe_box {
  height: 680px;
}
.login_error_box {
  position: absolute;
  background: transparent;
}
.login_error {
  display: block;
  position: absolute;
  top:0;
  width: 100%;
  z-index: 10;
  background: #bc5b6e;
  opacity: .7;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-radius:5px 5px 0 0;
  -o-border-radius:5px 5px 0 0;
  border-radius:5px 5px 0 0;
  color: #fff;
  font-size:12px;
  text-align: center;
  line-height:20px;
}
#content.index .login .content-slide .login_attention a.check {
  display: block;
  float: left;
  width: 15px;
  height: 15px;
  background: url(../img/bg-icon.png) no-repeat;
  background-position: -286px -1100px;
  margin-top: 16px;
}
#content.index .tmall li {
    text-align: center;
    margin-bottom: 25px;
    background: url(../img/sp/bg-icon-sp.png) no-repeat;
    background-size: 75px;
}
#content.index .tmall li.nc {
  background-position: center 0; 
}
#content.index .tmall li.js {
    background-position: center -58px;
}
#content.index .tmall li.sb {
    background-position: center -122px ;
}
#content.index .tmall li.rk {
    background-position: center -182px ;
}
#content.index .tmall li.dm {
    background-position: center -249px ;
}
#content.index .tmall li.by {
    background-position:center -326px ;
}
#content.index .tmall li.pd {
    background-position:  center -396px ;
}
#content.index .tmall li.suk {
    background-position:  center -472px;
}
#content.index .tmall li.cr {
    background-position:  center -539px;
}
#content.index .tmall li.akin {
    background-position:  center -602px;
}
#content.index .tmall li.st {
    background-position:  center -669px;
}
#content.index .tmall {
    padding-bottom: 20px;
}
#content.index .tmall li a:link, #content.index .tmall li a:visited {
    color: #fff;
    text-decoration: none;
    display: block;
    line-height: 18px;
    margin-top: 37px;
}
#content.index .tmall h2 img {
    -webkit-transform:scale(.5);
    -o-transform:scale(.5);
    -ms-transform:scale(.5);
    transform: scale(.5);
}
.tmall_circle .inner {
  width: 100%;
}
#content.index .tmall_circle h2 img {
  -webkit-transform: scale(.6);
  -o-transform: scale(.6);
  -ms-transform: scale(.6);
  transform: scale(.6);
}
.tmall_circle {
  padding-bottom: 20px;
}
.tmall_circle ul {
  padding: 0 10px;
  width: 280px;
  margin: 0 auto;
}
.tmall_circle ul li {
  float: left;
  margin-left: 0;
  margin-bottom: 0;
  padding: 10px;
}
.tmall_circle ul li.clear_pr_sp {
  padding-right: 0;
}
.tmall_circle ul li a {
  width: 50px;
  height: 50px;
}
.tmall_circle ul li.icon_circle_01 a,.tmall_circle ul li.icon_circle_02 a,.tmall_circle ul li.icon_circle_03 a,.tmall_circle ul li.icon_circle_04 a,
.tmall_circle ul li.icon_circle_05 a,.tmall_circle ul li.icon_circle_06 a,.tmall_circle ul li.icon_circle_07 a,.tmall_circle ul li.icon_circle_08 a,
.tmall_circle ul li.icon_circle_09 a,.tmall_circle ul li.icon_circle_10 a,.tmall_circle ul li.icon_circle_11 a,.tmall_circle ul li.icon_circle_12 a,
.tmall_circle ul li.icon_circle_13 a,.tmall_circle ul li.icon_circle_14 a,.tmall_circle ul li.icon_circle_15 a,.tmall_circle ul li.icon_circle_16 a,
.tmall_circle ul li.icon_circle_17 a,.tmall_circle ul li.icon_circle_18 a {
  background-size: 100%;
}
.tmall_circle ul li.icon_circle_01 a:hover,.tmall_circle ul li.icon_circle_02 a:hover,.tmall_circle ul li.icon_circle_03 a:hover,.tmall_circle ul li.icon_circle_04 a:hover,
.tmall_circle ul li.icon_circle_05 a:hover,.tmall_circle ul li.icon_circle_06 a:hover,.tmall_circle ul li.icon_circle_07 a:hover,.tmall_circle ul li.icon_circle_08 a:hover,
.tmall_circle ul li.icon_circle_09 a:hover,.tmall_circle ul li.icon_circle_10 a:hover,.tmall_circle ul li.icon_circle_11 a:hover,.tmall_circle ul li.icon_circle_12 a:hover,
.tmall_circle ul li.icon_circle_13 a:hover,.tmall_circle ul li.icon_circle_14 a:hover,.tmall_circle ul li.icon_circle_15 a:hover,.tmall_circle ul li.icon_circle_16 a:hover,
.tmall_circle ul li.icon_circle_17 a:hover,.tmall_circle ul li.icon_circle_18 a:hover {
  background-size: 100%;
}
.weini {
  padding: 6px 0 4px !important;
  padding-left: 35px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 16px !important;
  background: url(../img/weini/all/icon.png) no-repeat !important;
  background-size: 8vw !important;
  background-position-y: 1.5vw !important;
  background-position-x: -0.5vw !important;
}
.o2o {
  padding: 6px 0 4px !important;
  padding-left: 35px !important;
  height: 32px !important;
  line-height: 32px !important;
  font-size: 16px !important;
  background: url(../img/o2o/icon.png) no-repeat !important;
  background-size: 8vw !important;
  background-position-y: 1.5vw !important;
  background-position-x: -0.5vw !important;
}